<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="page-header">
                <h1>
                    护士基本信息统计表
                </h1>
            </div>

            <form id="date-form" class="form-horizontal" Nice-validator>
                <div class="row align-items-end chose-row">
                    <div class="col-xs-12 col-sm-3">
                        <label class="control-label">{:__('科室')}:</label>
                        <select id="department-select" name="department" class="form-control">
                            {volist name="departmentList" id="department"}
                            <option value="{$department.department}">{$department.department}</option>
                            {/volist}
                        </select>
                    </div>
                    <div class="col-xs-12 col-sm-3">
                        <label class="control-label">{:__('请在历来所有季度中选择季度')}:</label>
                        <select id="quarter-select" name="quarter" class="form-control">
                            {volist name="quarterList" id="quarter"}
                            <option value="{$quarter.quarter}">{$quarter.quarter}</option>
                            {/volist}
                        </select>
                    </div>
                    <!-- <div class="col-xs-12 col-sm-3">
                        <label class="control-label">{:__('开始时间')}:</label>
                        <input id="c-start_date" class="form-control datetimepicker" data-date-format="YYYY-MM-DD"
                            data-use-current="true" type="text" value="">
                    </div>
                    <div class="col-xs-12 col-sm-3">
                        <label class="control-label">{:__('结束时间')}:</label>
                        <input id="c-end_date" class="form-control datetimepicker" data-date-format="YYYY-MM-DD"
                            data-use-current="true" type="text" value="{:date('Y-m-d')}">
                    </div> -->
                    <!-- 提交按钮 -->
                    <div class="col-xs-12 col-sm-3">
                        <button id="query-btn" type="" class="btn btn-primary">{:__('OK')}</button>
                    </div>
                    <!-- 导出按钮 -->
                    <!-- <div class="col-xs-12 text-right  col-sm-3">
                        <button id="output-excel-btn" type="" class="btn btn-success">{:__('导出Excel - 实验按钮
                            生产中不用')}</button>
                    </div> -->
                </div>
            </form>

            <div class="row clearfix table-content">

                <!-- // 职称 -->
                <div class="col-md-4 column">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>项目 - 职称</th>
                                <th>人数</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td><span id="zc01rs-prev-Q" class="jt-priv-Q">NULL</span> - 护士 </td>
                                <td id="zc01rs-prev-Num" class="jt-Num-priv">NULL</td>
                            </tr>
                            <tr class="info">
                                <td>2</td>
                                <td><span id="zc01rs-ckd-Q" class="jt-ckd-Q">NULL</span> - 护士 </td>
                                <td id="zc01rs-ckd-Num" class="jt-Num-ckd">NULL</td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td><span id="zc02rs-prev-Q" class="jt-priv-Q">NULL</span> - 护师 </td>
                                <td id="zc02rs-prev-Num" class="jt-Num-priv">NULL</td>
                            </tr>
                            <tr class="info">
                                <td>4</td>
                                <td><span id="zc02rs-ckd-Q" class="jt-ckd-Q">NULL</span> - 护师 </td>
                                <td id="zc02rs-ckd-Num" class="jt-Num-ckd">NULL</td>
                            </tr>
                            <tr>
                                <td>5</td>
                                <td><span id="zc03rs-prev-Q" class="jt-priv-Q">NULL</span> - 主管护师 </td>
                                <td id="zc03rs-prev-Num" class="jt-Num-priv">NULL</td>
                            </tr>
                            <tr class="info">
                                <td>6</td>
                                <td><span id="zc03rs-ckd-Q" class="jt-ckd-Q">NULL</span> - 主管护师 </td>
                                <td id="zc03rs-ckd-Num" class="jt-Num-ckd">NULL</td>
                            </tr>
                            <tr>
                                <td>7</td>
                                <td><span id="zc04rs-prev-Q" class="jt-priv-Q">NULL</span> - 副主任护师 </td>
                                <td id="zc04rs-prev-Num" class="jt-Num-priv">NULL</td>
                            </tr>
                            <tr class="info">
                                <td>8</td>
                                <td><span id="zc04rs-ckd-Q" class="jt-ckd-Q">NULL</span> - 副主任护师 </td>
                                <td id="zc04rs-ckd-Num" class="jt-Num-ckd">NULL</td>
                            </tr>
                            <tr>
                                <td>9</td>
                                <td><span id="zc05rs-prev-Q" class="jt-priv-Q">NULL</span> - 主任护师 </td>
                                <td id="zc05rs-prev-Num" class="jt-Num-priv">NULL</td>
                            </tr>
                            <tr class="info">
                                <td>10</td>
                                <td><span id="zc05rs-ckd-Q" class="jt-ckd-Q">NULL</span> - 主任护师 </td>
                                <td id="zc05rs-ckd-Num" class="jt-Num-ckd">NULL</td>
                            </tr>

                            <tr class="warning">
                                <td>15</td>
                                <td><span class="ckd-Q">NULL</span> - 季末各&nbsp; 职称 &nbsp;总人数</td>
                                <td id="jt-Sum-ckd">NULL</td>
                            </tr>

                        </tbody>
                    </table>
                </div>

                <!-- // 学历 -->
                <div class="col-md-4 column">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>项目 - 学历</th>
                                <th>人数</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td><span class="eb-priv-Q">NULL</span> - 中专 </td>
                                <td id="xl01rs-prev-Num" class="eb-Num-priv">NULL</td>
                            </tr>
                            <tr class="info">
                                <td>2</td>
                                <td><span class="eb-ckd-Q">NULL</span> - 中专 </td>
                                <td id="xl01rs-ckd-Num" class="eb-Num-ckd">NULL</td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td><span class="eb-priv-Q">NULL</span> - 大专 </td>
                                <td id="xl02rs-prev-Num" class="eb-Num-priv">NULL</td>
                            </tr>
                            <tr class="info">
                                <td>4</td>
                                <td><span class="eb-ckd-Q">NULL</span> - 大专 </td>
                                <td id="xl02rs-ckd-Num" class="eb-Num-ckd">NULL</td>
                            </tr>
                            <tr>
                                <td>5</td>
                                <td><span class="eb-priv-Q">NULL</span> - 本科 </td>
                                <td id="xl03rs-prev-Num" class="eb-Num-priv">NULL</td>
                            </tr>
                            <tr class="info">
                                <td>6</td>
                                <td><span class="eb-ckd-Q">NULL</span> - 本科 </td>
                                <td id="xl03rs-ckd-Num" class="eb-Num-ckd">NULL</td>
                            </tr>
                            <tr>
                                <td>7</td>
                                <td><span class="eb-priv-Q">NULL</span> - 硕士 </td>
                                <td id="xl04rs-prev-Num" class="eb-Num-priv">NULL</td>
                            </tr>
                            <tr class="info">
                                <td>8</td>
                                <td><span class="eb-ckd-Q">NULL</span> - 硕士 </td>
                                <td id="xl04rs-ckd-Num" class="eb-Num-ckd">NULL</td>
                            </tr>
                            <tr>
                                <td>9</td>
                                <td><span class="eb-priv-Q">NULL</span> - 博士 </td>
                                <td id="xl05rs-prev-Num" class="eb-Num-priv">NULL</td>
                            </tr>
                            <tr class="info">
                                <td>10</td>
                                <td><span class="eb-ckd-Q">NULL</span> - 博士 </td>
                                <td id="xl05rs-ckd-Num" class="eb-Num-ckd">NULL</td>
                            </tr>

                            <tr class="warning">
                                <td>15</td>
                                <td><span class="ckd-Q">NULL</span> - 季末各 &nbsp;学历&nbsp; 总人数</td>
                                <td id="eb-Sum-ckd">NULL</td>
                            </tr>

                        </tbody>
                    </table>
                </div>

                <!-- // 年资 -->
                <div class="col-md-4 column">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>项目 - 年资</th>
                                <th>人数</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td><span class="nz-priv-Q">NULL</span> - &lt;1年资 </td>
                                <td id="nz01rs-prev-Num" class="nz-Num-priv">NULL</td>
                            </tr>
                            <tr class="info">
                                <td>2</td>
                                <td><span class="nz-ckd-Q">NULL</span> - &lt;1年资 </td>
                                <td id="nz01rs-ckd-Num" class="nz-Num-ckd">NULL</td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td><span class="nz-priv-Q">NULL</span> - 1≤y&lt;2年 </td>
                                <td id="nz02rs-prev-Num" class="nz-Num-priv">NULL</td>
                            </tr>
                            <tr class="info">
                                <td>4</td>
                                <td><span class="nz-ckd-Q">NULL</span> - 1≤y&lt;2年 </td>
                                <td id="nz02rs-ckd-Num" class="nz-Num-ckd">NULL</td>
                            </tr>
                            <tr>
                                <td>5</td>
                                <td><span class="nz-priv-Q">NULL</span> - 2≤y&lt;5年 </td>
                                <td id="nz03rs-prev-Num" class="nz-Num-priv">NULL</td>
                            </tr>
                            <tr class="info">
                                <td>6</td>
                                <td><span class="nz-ckd-Q">NULL</span> - 2≤y&lt;5年 </td>
                                <td id="nz03rs-ckd-Num" class="nz-Num-ckd">NULL</td>
                            </tr>
                            <tr>
                                <td>7</td>
                                <td><span class="nz-priv-Q">NULL</span> - 5≤y&lt;10年 </td>
                                <td id="nz04rs-prev-Num" class="nz-Num-priv">NULL</td>
                            </tr>
                            <tr class="info">
                                <td>8</td>
                                <td><span class="nz-ckd-Q">NULL</span> - 5≤y&lt;10年 </td>
                                <td id="nz04rs-ckd-Num" class="nz-Num-ckd">NULL</td>
                            </tr>
                            <tr>
                                <td>9</td>
                                <td><span class="nz-priv-Q">NULL</span> - 10≥y&lt;20年 </td>
                                <td id="nz05rs-prev-Num" class="nz-Num-priv">NULL</td>
                            </tr>
                            <tr class="info">
                                <td>10</td>
                                <td><span class="nz-ckd-Q">NULL</span> - 10≥y&lt;20年 </td>
                                <td id="nz05rs-ckd-Num" class="nz-Num-ckd">NULL</td>
                            </tr>
                            <tr>
                                <td>11</td>
                                <td><span class="nz-priv-Q">NULL</span> - ≥20年 </td>
                                <td id="nz06rs-prev-Num" class="nz-Num-priv">NULL</td>
                            </tr>
                            <tr class="info">
                                <td>12</td>
                                <td><span class="nz-ckd-Q">NULL</span> - ≥20年 </td>
                                <td id="nz06rs-ckd-Num" class="nz-Num-ckd">NULL</td>
                            </tr>

                            <tr class="warning">
                                <td>15</td>
                                <td><span class="ckd-Q">NULL</span> - 季末各 &nbsp;年资&nbsp; 总人数</td>
                                <td id="nz-Sum-ckd">NULL</td>
                            </tr>

                        </tbody>
                    </table>
                </div>

                <!-- <div class="col-md-4 column">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>编号</th>
                                <th>产品</th>
                                <th>交付时间</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td>TB - Monthly</td>
                                <td>01/04/2012</td>
                            </tr>
                            <tr class="info">
                                <td>1</td>
                                <td>TB - Monthly</td>
                                <td>01/04/2012</td>
                            </tr>
                            <tr class="error">
                                <td>2</td>
                                <td>TB - Monthly</td>
                                <td>02/04/2012</td>
                            </tr>
                            <tr class="warning">
                                <td>3</td>
                                <td>TB - Monthly</td>
                                <td>03/04/2012</td>
                            </tr>
                            <tr class="info">
                                <td>4</td>
                                <td>TB - Monthly</td>
                                <td>04/04/2012</td>
                            </tr>
                        </tbody>
                    </table>
                </div> -->

            </div>
        </div>
    </div>
</div>


<style type="text/css">
    .container {
        width: 100%;
        background-color: #fff;
    }

    #jt-Sum-ckd,
    #eb-Sum-ckd {
        font-weight: 900;
        color: #a2a2a2;
    }

    .success {
        color: #a2a2a2;
    }

    .table-content {
        margin-top: 20px;
    }

    .chose-row {
        display: flex;
        align-items: end;
    }
</style>